<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title> Informe Institucional</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		{% load staticfiles %}
		<link rel="stylesheet" href="{% static "css/spacelab.css" %}">
		{% load staticfiles %}
		<link rel="stylesheet" href="{% static "css/responsive.css" %}">
		{% load staticfiles %}
		<link rel="stylesheet" href="{% static "css/misestilos.css" %}">
		{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
		<script type='text/javascript'>
		$(document).ready(function(){
  			$(".btn1").click(function(){
    		$(".read-more").slideToggle();
  			});
		});
		</script>
	</head>
	<body>

		{% include "topmenu.html" %} <!-- Top menu -->

		<div class="container">
			<div class="row-fluid">

				{% include "sidebar.html" %} <!-- Side bar -->

				<div class="span7">
					<div class="page-header">
						<h4>Informe: {{universidad.nombre}}</h4>
					</div>
					<div>
						<p>En fecha: {{informe.fecha}}<br>
						Responsable del informe: {{usuario_responsable.first_name}} &nbsp; {{usuario_responsable.last_name}}
						<br>Email: {{usuario_responsable.email}}</p>

						{% if bandera_edicion == 1 %}
							<a href="/plataforma/informes/formulario/{{ informe.id}}">Editar informe</a>
						{% endif %}
							<p><b>Informe:</b><br>{{informe.informe|linebreaks}}<br /></p>
							<p><a href="#" class="btn1">Read more..</a></p>
        					<p class="read-more" style="display:none">Informe completo:&nbsp;&nbsp;<a target="_blank" href="/plataforma/informes/{{ informe.archivo.name }}">{{ informe.archivo.name }}</a></p>
					</div>
				</div>
			</div><!-- row fluid -->

		{% include "footer.html" %} <!-- Footer -->
		</div> <!-- container -->

		<!-- JS files -->
		{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
		{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap-formhelpers-countries.js" %}"></script>
		{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap-formhelpers-countries-US.js" %}"></script>
				  
	</body>
</html>
